<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="tianqi.css">
</head>
<body>
    <!-- 上-title -->
    <div class="title">天气预报</div>
    <!-- 中-tab -->
    <div class="tab">
        <ul>
            <li class="curr">广州</li>
            <li>深圳</li>
            <li>佛山</li>
            <li>潮州</li>
        </ul>
    </div>
    <!-- 下-内容 -->
    <div class="neir">
        <div class="card">
            <!-- 图片 -->
            <div class="left"><img src="" alt=""></div>
            <!-- 文本 -->
            <div class="right">
                <span>2022-06-18</span>
                <span>星期六</span>
                <span>多云</span><br>
                <span>实时温度：18℃</span>
                <span>最低温度：6℃</span>
                <span>最高温度：22℃</span><br>
                <span class="tips">"天气暖和，适宜着单层棉麻面料的短套装、T恤衫、薄牛仔衫裤、休闲服、职业套装等春秋过渡装。年老体弱者请适当增减衣服。"</span>
            </div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="./tianqi.js"></script>
</body>
</html>